$(function () {
    let productId = sessionStorage.getItem("id");
    console.log(productId, "9999");
    findByNewsId(productId);
});

function findByNewsId(productId) {
    // console.log(newsId,"8888");
    $.ajax({
        url: '/front/product/productInformation',
        data: {productId: productId},
        dataType: "json",
        type: 'get',
        success: function (data) {
            // console.log(data.data.ProductModle,"kankan");
            setProductPageData(data.data.ProductModle,productId);
        }
    })
}

function setProductPageData(data,productId) {
    let productPageHtml = '';
    // console.log(data.length,"一共几个");
    // console.log(productId,"显示id");
    // console.log(data[0].id,"【0】");
    // console.log(data[1].id,"【1】");
    if (data.length == 2 && data[0].id == productId) {
        productPageHtml += '<div>\n' +
            '                <div><img src="' + data[0].imgHref + '" height="450" width="309"/></div>\n' +
            '                <div>\n' +
            '                    <div>' + data[0].name + '</div>\n' +
            '                    <div>市场价： ' + data[0].marketPrice + '</div>\n' +
            '                    <div>价格： ' + data[0].normalPrice + '</div>\n' +
            '                </div>\n' +
            '            </div>\n' +
            '            <div>\n' +
            '                <div>\n' +
            '                    <div>' + data[0].content + ' </div>\n' +
            '                </div>\n' +
            '            </div>\n' +
            '            <div>\n' +
            '                <div>\n' +
            '                    <div>产品参数：</div>\n' +
            '                    <div>流行元素: 镂空 蕾丝 纱网 亮片</div>\n' +
            '                    <div>风格: 甜美</div>\n' +
            '                    <div>服装版型: 宽松</div>\n' +
            '                    <div>款式: 背带</div>\n' +
            '                    <div>衣长: 中长款</div>\n' +
            '                    <div>质地: 锦纶</div>\n' +
            '                    <div>成分含量: 81%(含)-90%(含)</div>\n' +
            '                </div>\n' +
            '            </div>\n' +
            '            <div>\n' +
            '                <div>上一个：无</div>\n' +
            '            </div>\n' +
            '            <div>\n' +
            '                <div onclick="turnPages(' + data[1].id + ')">下一个：' + data[1].name + '</div>\n' +
            '            </div>';

        $("#productPageHtml").html(productPageHtml);
    } else if (data.length == 2 && data[1].id == productId) {
        productPageHtml += '<div>\n' +
            '                <div><img src="' + data[0].imgHref + '" height="450" width="309"/></div>\n' +
            '                <div>\n' +
            '                    <div>' + data[0].name + '</div>\n' +
            '                    <div>市场价： ' + data[0].marketPrice + '</div>\n' +
            '                    <div>价格： ' + data[0].normalPrice + '</div>\n' +
            '                </div>\n' +
            '            </div>\n' +
            '            <div>\n' +
            '                <div>\n' +
            '                    <div>' + data[0].content + ' </div>\n' +
            '                </div>\n' +
            '            </div>\n' +
            '            <div>\n' +
            '                <div>\n' +
            '                    <div>产品参数：</div>\n' +
            '                    <div>流行元素: 镂空 蕾丝 纱网 亮片</div>\n' +
            '                    <div>风格: 甜美</div>\n' +
            '                    <div>服装版型: 宽松</div>\n' +
            '                    <div>款式: 背带</div>\n' +
            '                    <div>衣长: 中长款</div>\n' +
            '                    <div>质地: 锦纶</div>\n' +
            '                    <div>成分含量: 81%(含)-90%(含)</div>\n' +
            '                </div>\n' +
            '            </div>\n' +
            '            <div>\n' +
            '                <div onclick="turnPages(' + data[0].id + ')">上一个：' + data[0].name + '</div>\n' +
            '            </div>\n' +
            '            <div>\n' +
            '                <div>下一个：无</div>\n' +
            '            </div>';

        $("#productPageHtml").html(productPageHtml);
    } else if (data.length == 3) {

        productPageHtml += '<div>\n' +
            '                <div><img src="' + data[1].imgHref + '" height="450" width="309"/></div>\n' +
            '                <div>\n' +
            '                    <div>' + data[1].name + '</div>\n' +
            '                    <div>市场价： ' + data[1].marketPrice + '</div>\n' +
            '                    <div>价格： ' + data[1].normalPrice + '</div>\n' +
            '                </div>\n' +
            '            </div>\n' +
            '            <div>\n' +
            '                <div>\n' +
            '                    <div>' + data[1].content + ' </div>\n' +
            '                </div>\n' +
            '            </div>\n' +
            '            <div>\n' +
            '                <div>\n' +
            '                    <div>产品参数：</div>\n' +
            '                    <div>流行元素: 镂空 蕾丝 纱网 亮片</div>\n' +
            '                    <div>风格: 甜美</div>\n' +
            '                    <div>服装版型: 宽松</div>\n' +
            '                    <div>款式: 背带</div>\n' +
            '                    <div>衣长: 中长款</div>\n' +
            '                    <div>质地: 锦纶</div>\n' +
            '                    <div>成分含量: 81%(含)-90%(含)</div>\n' +
            '                </div>\n' +
            '            </div>\n' +
            '            <div>\n' +
            '                <div onclick="turnPages(' + data[0].id + ')">上一个：' + data[0].name + '</div>\n' +
            '            </div>\n' +
            '            <div>\n' +
            '                <div onclick="turnPages(' + data[2].id + ')">下一个：' + data[2].name + '</div>\n' +
            '            </div>';

        $("#productPageHtml").html(productPageHtml);
        // console.log($("#productPageHtml").html())
    }
}

function turnPages(productId) {
    findByNewsId(productId);
}